<template>
    <div class="LayoutOne">
        <div class="LayoutOne-left">
            <img :src="require('@/assets/img/'+imgSrc)">
            <div class="LayoutOne-text">
                <p class="LayoutOne-title">{{ title }}</p>
                <p class="LayoutOne-sm-title">{{ content }}</p>
            </div>
        </div>
    </div>
</template>

<style lang="scss">
    .LayoutOne-left{
        display: flex;
        justify-content: center;
        margin-top: 20px;
        text-align: left;

        img{
            width: 40px;
            height: 40px;
            margin-top: 4px;
        }

        .LayoutOne-text p{
            margin: 0 10px;
            margin-bottom: 6px;            
            padding: 0;
        }

        .LayoutOne-title{
            font-size: 16px;
            color:#807f7f;
        }

        .LayoutOne-sm-title{
            font-size: 10px;
            margin-top: 10px;
            color:#ccc;
        }
    }

</style>

<script>
export default {
    props:{
        imgSrc:String,
        title:String,
        content:String
    },

}
</script>
